<template>
  <div id="app">
    <Header />
    <router-view></router-view>
  </div>
</template>

<script>
import Header from './components/Header'

export default {
  name: 'App',
  components: {
    Header
  }
}
</script>

<style>
@import '../static/font';
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr, acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong, sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption, tbody,tfoot,thead,tr,th,td{border:0;outline:0;vertical-align:baseline; background:transparent;margin:0;padding:0;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
a {color: #333;text-decoration: none;}
body{background-color: #D2D2D2;}
.g-oper{
	position: fixed;
	right:40px;
	top: 100px;
}
.g-oper i{
	position: relative;
	display: block;
    font-size: 24px;
    margin: 18px 0;
    color: white;
    border-radius: 50%;
    padding: 6px;
}
.g-oper i:hover{
	box-shadow: 0px 0px 5px 1px #565656;
}
.g-subindex{
  height: 1000px;
    position: fixed;
    width: 163px;
    top: 57px;
    background-color: white;
    z-index: 999;
}
.g-subindex li{
  font-size: 13px
}
.g-content{
  position: relative;
  width: 1100px;
  padding:20px 100px;
  top: 57px;
  
}
.my-pink{
	background-color:rgb(240, 98, 146);
}
.my-bule{
	background-color:rgb(24, 138, 232);
}
.my-red{
	background-color:rgb(255, 82, 82)
}
</style>
